<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
        <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4610055_esx8bqrcfoj.css">
        <link href="framework/reset.css" rel="stylesheet">
        <link href="css/orderList.css" rel="stylesheet">
        <script src="js/orderList.js"></script>
        <title>拼多多支付</title>
    </head>
    <body>
    <div class="wrapper">
        <!--header部分-->
        <header>
            <div class="first">
                <div class="iconfont icon-iconfontanquan" style="color: #38CA73"></div>
                <p style="color: #38CA73">退货包运费&nbsp;&#8226;&nbsp;全场包邮&nbsp;&#8226;&nbsp;七天退换</p>
                <div class="iconfont icon-cha" onclick="location.href='details.html'"></div>
            </div>
            <div class="order-info-address">
                <div class="iconfont icon-ditu_dingwei_o"></div>
                <p>马里奥,13198219825,云南省昆明市呈贡区吴家营街道云南大学呈贡校区楠苑菜鸟驿站</p>
                <i class="iconfont icon-xiangyoujiantou"></i>
            </div>
        </header>
        <div class="business-info">
            <div class="business-info-up">
                <p>全网低价 &nbsp;|&nbsp;</p>
                <p1 class="iconfont icon-xiajiang1">全网比价更便宜，平台精选</p1>
            </div>
            <div class="business-info-down">
                <img src="img/orderList-sp.png">
                <div class="business-info-down-info">
                    <span class="larger">&nbsp;&#165;</span><span class="larger">19</span><span class="smaller">.3</span>
                    <p>2件9.9折</p>
                    <p1>已选:牛油果恐龙【含背包】40厘...</p1>
                    <div class="quantity">
                        <div class="iconfont icon-jianshu"></div>
                        <p>&nbsp;1&nbsp;</p>
                        <div class="iconfont icon-jiahao"></div>
                        <div class="iconfont icon-naozhong">即将抢光</div>
                    </div>
                </div>
            </div>
        </div>
        <ul class="info">
            <li class="yh">
                <p>优惠</p>
                <p style="color: #888888">满2件享9.9折<span class="iconfont icon-xiangyoujiantou"></span></p>
            </li>
            <li class="xh">
                <p>型号</p>
                <p1>牛油果恐龙【含背包】</p1>
            </li>
            <li class="cc">
                <p>尺寸</p>
                <div class="cc-info">
                    <p1><span class="iconfont icon-huomiao1"></span> &nbsp;40厘米【收藏送小礼物】 &nbsp;&#165;19.3</p1>
                    <p2> &nbsp;50厘米【收藏送小礼物】 &nbsp;&#165;29</p2>
                    <p2> &nbsp;60厘米【收藏送小礼物】 &nbsp;&#165;51.9</p2>
                </div>
            </li>
            <li class="xx">
                <div class="iconfont icon-shoucangjiagouxiangzhekou" style="color: red"></div>
                <p>一次性选多款,不满意可退货包运费<span class="iconfont icon-xiangyoujiantou>"><span class="iconfont icon-xiangyoujiantou"></span></p>
            </li>
            <li>
                <div class="space"></div>
            </li>
        </ul>
        <ul class="payment">
            <li class="xyhf">
                <p>使用&nbsp;<span class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73"></span>&nbsp;先用后付，更换支付方式<span class="iconfont icon-xiangyoujiantou"></span></p>
            </li>
            <li class="xd"  onclick="location.href='order.html'">
                <p>0元下单,确认收货后付款&#165;19.<span class="smaller">3</span></p>
            </li>
        </ul>

    </div>
    </body>
</html>